<template>
    
    <div class="acceptance-registration-dealwith" :key="dealWithNumKey">
        
        <a-tabs class="dealwith-tabs" v-model:activeKey="tabPaneActiveKey" @change="tabPaneChange" style="position: relative;width: 100%;left: 0;z-index: 99;">
            <a-tab-pane key="申请信息" tab="申请信息"></a-tab-pane>
            <a-tab-pane key="办理过程材料" tab="办理过程材料"></a-tab-pane>
            <a-tab-pane key="环节流转记录" tab="环节流转记录"></a-tab-pane>
        </a-tabs>
        
        <div v-show="tabPaneActiveKey == '申请信息'" class="dealwith-application-info" >
            <a-collapse v-model:activeKey="submitActiveKey" :class="formState.isOwn?'':'collapse-original'" >
                <a-collapse-panel key="1" header="申请信息" >
                    <!-- <template #extra>
                        <span v-if="submitActiveKey.indexOf('1') !== -1" @click="submitActiveKey = submitActiveKey.filter(item => item !== '1')">折叠</span>
                        <span v-else @click="submitActiveKey.push('1')">展开</span>
                    </template>-->
                    <a-form
                        class="manufacturing-dealwith"
                        ref="form"
                        layout="inline" 
                        :form="form" 
                        >
                        <a-form-item label="事项名称" class="pull-input-w" required> 
                            <commpPulldownTable
                            v-if="isReadOnly"
                            :key="compSelectorkey"
                            :currentVlaue="itemValue"
                            :selectTableConfig="selectTableConfig" 
                            :tableColumn="tableColumn" 
                            @cellClickEvent="cellClickEvent"
                            @changeEvent="changeEvent" 
                            />
                            <span v-else style="padding-top: 7px;display: inline-block;">{{ formState.fsxmc }}</span>
                            <span v-if="fsxmcrequired" style="color: #f5222d;font-size: 14px;">请选择或输入事项名称</span>
                        </a-form-item>
                        <a-form-item label="申请时间">
                            <a-date-picker v-if="isReadOnly"  placeholder="请选择申请时间"
                            @change="fsqsjChange"
                                 show-time
                                 v-decorator="['fsqsj',{ initialValue:formState.fsqsj?moment(formState.fsqsj,'YYYY-MM-DD HH:mm:ss'):formState.fsqsj, rules: rules.fsqsj}]"
                            />
                            <span v-else>{{ formState.fsqsj }}</span>
                        </a-form-item>
                        <a-form-item label="业务类型"> <!--字典-->
                            <compSelector
                                :key="compSelectorkey"
                                v-if="isReadOnly"
                                v-model="formState.fjclx" 
                                :defaultValue="formState.fjclx"
                                :compType="typeSelect"
                                dictionaryType="药品生产检查类型"
                                :separateAreas="'jclx'+blobType.fywflcodeArr[blobType.menuType.indexOf(routeName.substr(routeName.indexOf('__'),routeName.indexOf('_a')+1))]" 
                            />
                                <span v-else>{{ formState.fjclx }}</span>
                        </a-form-item>
                        <a-form-item label="技术审查">
                            <compSelector
                                :key="compSelectorkey"
                                v-if="isReadOnly"
                                v-model="formState.fslzt" 
                                :defaultValue="formState.fslzt"
                                :compType="typeRadio"
                                dictionaryType="受理状态"/>
                                <span v-else>{{ formState.fslzt }}</span>
                        </a-form-item>
                        <a-form-item label="接受时间">
                            <a-date-picker  
                            v-if="isReadOnly"
                            placeholder="请选择接受时间"
                                show-time
                            @change="fslsjChange"
                            v-decorator="['fslsj',{ initialValue:formState.fslsj?moment(formState.fslsj,'YYYY-MM-DD HH:mm:ss'):formState.fslsj, rules: rules.fslsj}]"
                            />
                            <span v-else>{{ formState.fslsj }}</span>
                        </a-form-item>
                        <a-form-item label="任务编号" >
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入任务编号"
                                v-model:value="formState.fslbh"/>
                            <a-button v-if="isReadOnly" style="margin-left: 10px;" class="blue-btn" type="primary" @click="numbering()" >取号</a-button>
                            <span v-else>{{ formState.fslbh }}</span>
                        </a-form-item>
                        <a-form-item label="办理时限">
                            <a-input
                            style="width: 182px;"
                            v-if="isReadOnly"
                            placeholder="请输入办理时限"
                            @change="fwcsxChange"
                            v-model:value="formState.fwcsx"/>
                            <span v-else>{{ formState.fwcsx }}</span>
                        </a-form-item>
                        <a-form-item label="截止日期">
                            <a-date-picker style="width: 100%;" v-if="isReadOnly"  placeholder="请选择截止日期"
                            v-model:value="formState.fjzrq" />
                            <span v-else>{{ formState.fjzrq }}</span>
                        </a-form-item>
                        <a-form-item label="发送时间">
                            <a-date-picker v-if="isReadOnly" placeholder="请选择发送时间"
                            v-model:value="formState.ffssj"/>
                            <span v-else>{{ formState.ffssj }}</span>
                        </a-form-item>
                        <div style="border-top: 1px solid rgb(233 228 228);margin: 10px 0;"/>
                        <div v-if="isReadOnly">
                            <a-form-item class="enter-btn" :wrapper-col="{ span: 12, offset: 6 }">
                                <a-button style="margin-right:20px;" v-if="!isSelectEnterprise" class="blue-btn" type="primary"  @click="selectEnterprise(true)">选择企业</a-button>
                                <a-button style="margin-right:20px;" v-else class="blue-btn" type="primary"  @click="addEnterprise(false)" >新增企业</a-button>
                                <a-button class="blue-btn" type="primary" v-if="isSelectEnterprise" @click="renewEnterprise()" >更新企业</a-button>
                            </a-form-item>
                        </div>
                        <a-form-item label="选择企业" v-show="isSelectEnterprise && isReadOnly" class="pull-input-w" required>
                            <commpPulldownTable
                            :key="compEnterprisekey"
                            :currentVlaue="enterValue"
                            :selectTableConfig="enterSelectTableConfig" 
                            :tableColumn="enterTableColumn" 
                            @cellClickEvent="enterCellClickEvent"
                            @changeEvent="enterChangeEvent" 
                            
                            />
                            <span v-if="fqyidrequired" style="color: #f5222d;font-size: 14px;">请选择企业</span>
                        </a-form-item>
                        
                        <a-form-item label="企业名称" v-if="!isSelectEnterprise && isReadOnly">
                            <a-input
                            placeholder="请输入企业名称"
                            v-model:value="formState.fqymc"
                            v-decorator="['fqymc',{ initialValue:formState.fqymc, rules: rules.fqymc}]"/>
                        </a-form-item>
                        <a-form-item label="企业名称" v-if="!isReadOnly">
                            <span>{{ formState.fqymc }}</span>
                        </a-form-item>
                        <a-form-item label="社会信用代码">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入社会信用代码"
                                v-model:value="formState.ftyshxydm"
                                v-decorator="['ftyshxydm',{ initialValue:formState.ftyshxydm, rules: rules.ftyshxydm}]"
                                />
                            <span v-else>{{ formState.ftyshxydm }}</span>
                        </a-form-item>
                        <a-form-item label="企业负责人（法人）">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入企业负责人（法人）"
                                v-model:value="formState.fqyfddbrfzr"/>
                            <span v-else>{{ formState.fqyfddbrfzr }}</span>
                        </a-form-item>
                        <a-form-item label="负责人身份证号">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入负责人身份证号"
                                v-model:value="formState.ffzrsfzh"/>
                            <span v-else>{{ formState.ffzrsfzh }}</span>
                        </a-form-item>
                        <a-form-item label="负责人联系方式">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入负责人联系方式"
                                v-model:value="formState.ffzrlxfs"/>
                            <span v-else>{{ formState.ffzrlxfs }}</span>
                        </a-form-item>
                        <a-form-item label="企业联系人">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入企业联系人"
                                v-model:value="formState.fqylxr"/>
                            <span v-else>{{ formState.fqylxr }}</span>
                        </a-form-item>
                        <a-form-item label="企业联系人电话">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入企业联系人电话"
                                v-model:value="formState.fqylxrdh"/>
                            <span v-else>{{ formState.fqylxrdh }}</span>
                        </a-form-item>
                        <!-- <a-form-item label="企业住所">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入企业住所"
                                v-model:value="formState.fqyzszcdz"/>
                            <span v-else>{{ formState.fqyzszcdz }}</span>
                        </a-form-item> -->
                        <a-form-item label="所在地区">
                            <!-- <compSelector
                                v-if="isReadOnly"
                                :key="compSelectorkey"
                                v-model="formState.fszdq" 
                                :defaultValue="formState.fszdq"
                                :compType="typeSelect"
                                dictionaryType="观察员所属地市"
                                width="100%"
                                /> -->
                                <a-input
                                v-if="isReadOnly"
                                placeholder="请输入所在地区"
                                v-model:value="formState.fszdq"/>
                            <span v-else>{{ formState.fszdq }}</span>
                        </a-form-item>
                        <a-form-item label="企业地址">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入企业地址"
                                v-model:value="formState.fxxdz"/>
                                <span v-else>{{ formState.fxxdz }}</span>
                        </a-form-item>
                        <a-form-item label="注册地址">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入注册地址"
                                v-model:value="formState.fqyzszcdz"/>
                                <span v-else>{{ formState.fqyzszcdz }}</span>
                        </a-form-item>
                        <a-form-item label="生产地址">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入生产地址"
                                v-model:value="formState.fscdz"/>
                            <span v-else>{{ formState.fscdz }}</span>
                        </a-form-item>
                        <a-form-item label="生产范围" class="textarea-input-l">
                            <a-textarea 
                                :readOnly="!isReadOnly"
                                v-model:value="formState.fscfw"
                                placeholder="请输入生产范围"
                                :autosize="{ minRows: 3, maxRows: 10000 }"
                            ></a-textarea>
                        </a-form-item>
                        <div style="border-top: 1px solid rgb(233 228 228);margin: 10px 0;"/>
                        <a-form-item label="药品生产许可证编号">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入药品生产许可证编号"
                                v-model:value="formState.fqyxkzh"/>
                            <span v-else>{{ formState.fqyxkzh }}</span>
                        </a-form-item>
                        <a-form-item label="许可证有效期至">
                            <a-date-picker v-model:value="formState.fqyxkzyxq" style="width: 100%;" />
                        </a-form-item>
                        <a-form-item label="审评类型">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入审评类型"
                                v-model:value="formState.fsxjclx"/>
                            <span v-else>{{ formState.fsxjclx }}</span>
                        </a-form-item>
                        <a-form-item label="生产线、车间" class="textarea-input-l">
                            <a-textarea 
                                :readOnly="!isReadOnly"
                                v-model:value="formState.fscxcj"
                                placeholder="请输入生产线、车间"
                                :autosize="{ minRows: 3, maxRows: 10000 }"
                            ></a-textarea>
                        </a-form-item>
                        <a-form-item label="审评品种" class="textarea-input-l">
                            <a-textarea 
                                :readOnly="!isReadOnly"
                                v-model:value="formState.fjcpz"
                                placeholder="请输入审评品种"
                                :autosize="{ minRows: 3, maxRows: 10000 }"
                            ></a-textarea>
                        </a-form-item>
                        <div style="border-top: 1px solid rgb(233 228 228);margin: 10px 0;"/>
                        <a-form-item label="产品名称" class="pull-input-w">
                            <commpPulldownTable
                            v-if="isReadOnly"
                            :key="compSelectorkey"
                            :currentVlaue="productValue"
                            :disabled="false" 
                            :selectTableConfig="productSelectTableConfig" 
                            :tableColumn="productTableColumn" 
                            @cellClickEvent="productCellClickEvent"
                            @changeEvent="productChangeEvent" />
                            <span v-else style="padding-top: 7px;display: inline-block;">{{ formState.fcpmc }}</span>
                        </a-form-item>
                        <a-form-item label="申请单号">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入申请单号"
                                v-model:value="formState.fsqdbh"/>
                                <span v-else>{{ formState.fsqdbh }}</span>
                        </a-form-item>
                        <a-form-item label="审批单位名称">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入审批单位名称"
                                v-model:value="formState.fspdwmc"/>
                            <span v-else>{{ formState.fspdwmc }}</span>
                        </a-form-item>
                        <a-form-item label="审评单位名称">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入审评单位名称"
                                v-model:value="formState.fbldwmc"/>
                            <span v-else>{{ formState.fbldwmc }}</span>
                        </a-form-item>
                        <a-form-item label="发送人">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入发送人"
                                v-model:value="formState.ffsr"/>
                            <span v-else>{{ formState.ffsr }}</span>
                        </a-form-item>
                        
                        <a-form-item label="审评办理人">
                            <a-input
                                v-if="isReadOnly"
                                placeholder="请输入审评办理人"
                                v-model:value="formState.fblr"/>
                                <span v-else>{{ formState.fblr }}</span>
                        </a-form-item>
                    </a-form>
                </a-collapse-panel>
                <a-collapse-panel key="2" header="企业提交材料">
                    <a-form
                    ref="form"
                    layout="inline" 
                    :form="form" 
                    >
                        <a-form-item label="企业申报材料" class="file-enter-box" >
                            <a-upload v-if="isReadOnly" style="display: inline-block;" :beforeUpload="beforeUpload" action="" @change="leadingInClick">
                                <a-button class="blue-btn" type="primary"  >请上传附件</a-button>
                            </a-upload>
                            
                        </a-form-item>
                        <div class="material-box">
                            <a-form-item label="" class="vxe-box">
                                <commpVxeTable
                                ref="VxeTable"
                                :config="dataTableConfig" 
                                :columns="columnsVxe" 
                                :formItem="[]"
                                :adaptiveHeight="true"
                                :parameterData="requerstParame"
                                >
                                    <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                        <a-form layout="inline" class="search-form" >
                                            <a-form-item class="vxe-table-box-w" v-if="row.fwjlx == '.pdf'">
                                                <a-button class="blue-btn" type="primary" @click="lookOverClick(row)">查看</a-button>
                                            </a-form-item>
                                            <a-form-item class="vxe-table-box-w" v-if="!parameter.isReadOnly">
                                                <a-button class="red-btn" type="primary" @click="deleteClick(row)" >删除</a-button>
                                            </a-form-item>
                                            <a-form-item class="vxe-table-box-w">
                                                <a-button class="blue-btn" type="primary" @click="downloadClick(row)">下载</a-button>
                                            </a-form-item>
                                        </a-form>
                                    </template>
                                </commpVxeTable>
                            </a-form-item>
                        </div>
                    </a-form>
                </a-collapse-panel>
            </a-collapse>
            <div style="background: #fff;" v-if="formState.isOwn">
                <!-- <a-form
                    ref="form"
                    layout="inline" 
                    :form="form" 
                    >
                    <a-form-item label="被退回意见" v-if="formState.fblzt == '退回'">
                        {{ formState.fthyj }}
                    </a-form-item>
                    <div style="margin:10px 0;"></div>
                    <a-form-item label="选择办理人" v-if="!dbridRequired">
                        <a-select
                            :options="HandledByOptions"
                            mode="multiple"
                            placeholder="请选择办理人"
                            style="width: 200px"
                            @popupScroll="popupScroll"
                            v-decorator="['dbrid',{ initialValue:formState.dbrid, rules: rules.dbrid}]"
                            
                            >
                        </a-select>
                    </a-form-item>
                    <a-form-item label="办理意见" v-if="!dbridRequired" class="comments-or-reasons-box">
                        <a-textarea @keyup="ideakeyupEvent"
                        ref="opinionsRef"
                        :key="opinionsKey"
                            @focus="ideaFocusEvent" @blur="ideaBlur" @click="ideaClick" placeholder="请输入办理意见" :rows="4" 
                            v-decorator="['opinion',{ initialValue:formState.opinion, rules: rules.opinion}]"
                            />
                    </a-form-item>
                    <a-form-item label="下个环节" v-if="!dbridRequired">
                        <span style="padding-right: 30px;">{{nextNode}}</span>短信通知<a-checkbox style="margin-left: 10px;" v-model:checked="formState.smgflag"></a-checkbox>
                    </a-form-item>
                </a-form> -->
                <!-- <a-form layout="inline" style="display: flex;justify-content: center;padding-top: 20px;">
                    <a-form-item >
                        <compSelector
                            v-model="formState.ksfl" 
                            :defaultValue="formState.ksfl"
                            :compType="typeSelect"
                            dictionaryType="科室业务分类"
                            placeholder="转办科室"
                        />
                    </a-form-item>
                    <a-form-item class="comments-or-reasons-box">
                        <a-button class="blue-btn" type="primary" @click="transferClick()">转办</a-button>
                        <a-button style="margin: 0 15px;" class="blue-btn" type="primary" @click="handlePreserve()">保存</a-button>
                        <a-button class="blue-btn" type="primary" @click="shandleSubmit()" >提交</a-button>
                    </a-form-item>
                </a-form> -->
            </div>
        </div>
        <div v-show="tabPaneActiveKey == '办理过程材料'" class="dealwith-application-info">
            <div v-if="centralMaterialObj.length" :key="centralMaterialKey">
                <a-collapse v-model:activeKey="submitActiveKey">
                    <a-collapse-panel v-for="(item,index) in centralMaterialObj" :key="index+3+''" :header="item.mlmc" >
                        <table border="1" class="material-table" style="width: 100%;">
                            <tr v-for="(term,tIndex) in item.mcList">
                                <td style="width: 30%;">
                                    <span style="padding-left: 5px;">{{ term.clmc }}</span>
                                </td>
                                <td style="width: 60%;">
                                    <div style="display: flex;width: 100%;flex-wrap: wrap;">
                                        <div class="file-td-box" v-for="(section,sIndex) in term.wjList">
                                            <a-icon class="delete-icon-v" type="delete" @click="deleteClick(section)" v-if="formState.currentLink && formState.currentLink == '数据修订'"/>
                                            <a-icon class="eye-icon-v" type="eye" @click="lookOverClick(section)" v-if="section.fwjlx == '.pdf'"/>
                                            <a-icon class="download-icon-v" type="download" @click="downloadClick(section)"/>
                                            <a-icon class="file-icon-v" type="file-pdf" />
                                            <span>{{ section.fwjxsmc+section.fwjlx }}</span>
                                        </div>
                                    </div>
                                </td>
                                <td style="width: 10%;" >
                                    <div style="width: 100%;display: flex;justify-content: center;align-items: center;margin: 5px 0;" v-if="formState.currentLink && formState.currentLink == '数据修订'">
                                        <a-upload v-if="isReadOnly" style="display: inline-block;" :beforeUpload="beforeUpload" action="" @change="leadingInClick($event,term)">
                                            <a-button class="blue-btn" type="primary"  >上传</a-button>
                                        </a-upload>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </a-collapse-panel>
                </a-collapse>
            </div>
            <div v-else style="width: 100%;text-align: center;font-size: 20px;margin: 20px 0;">暂无数据</div>
        </div>
        <div v-show="tabPaneActiveKey == '环节流转记录'" class="dealwith-application-info">
            <a-collapse v-model:activeKey="submitActiveKey" :class="formState.isOwn?'':'collapse-original'">
                <a-collapse-panel key="2" header="办理意见" class="collapse-panel-head-l255" >
                    <commpVxeTable
                        ref="headmanVxeTable"
                        :key="internalOpinionsKey"
                        :config="internalOpinionsConfig" 
                        :columns="internalOpinionsColumnsVxe" 
                        :formItem="[]"
                        :adaptiveHeight="true"
                    >
                    </commpVxeTable>
                </a-collapse-panel>
            </a-collapse>
        </div>
        
        <a-modal
        title="办理意见"
        v-model:visible="ideaVisible"
        @ok="ideaHandleOk"
        class="idea-modal-box"
        @cancel="ideaVisible = false"
        >
            <!-- <a-spin size="large" :spinning="spinning"> -->
                <a-form layout="inline">
                    <a-form-item label="办理意见" class="pull-input-w">
                        <div style="display: flex;align-items: center;">
                            <vxe-textarea rows="3" @focus="recordCommentsFocus" @blur="recordCommentsBlur" @change="recordCommentsChange"  v-model="opinionsText" placeholder="请输入或选择办理意见" suffix-icon="vxe-icon-search"></vxe-textarea>
                            <a-button style="margin-left: 15px;" class="blue-btn"  type="primary" @click.stop="saveComments" >保存</a-button>
                        </div>
                        <div class="opinion-record-box" v-show="isRecordComments">
                            <div v-if="opinionsList.length" class="content-box">
                                <div v-for="(item,index) in opinionsList" class="content-for">
                                    <div @click.stop="selectIdea(item)"  class="content-item">
                                        <span class="content-text">{{ item.fcontent }}</span>
                                        <a-button class="red-btn" size="small" type="primary" @click.stop="deleteIdea(item)" >删除</a-button>
                                    </div>
                                </div>
                            </div>
                            <div class="no-data-box" v-else>暂无记录！</div>
                        </div>
                    </a-form-item>
                </a-form>
            <!-- </a-spin> -->
        </a-modal>
        <serverEditingView ref="serverEditingViewRef" @refreshChange="$event=>{}"/>
    </div>
    
</template>
<script>
import serverEditingView from '@/components/comp-model-series/server-editing-view'
import commpPulldownTable from '@/components/commp-pulldown-table/commp-pulldown-table.vue'
import assessCheckApi from './service/api'
import {typeInput, typeNumber, typeSelect, typeCheckbox, typeRadio, } from '@/components/compSearchCriteria/ContractType'
import compSelector from '@/components/compSelector/compSelector'

import {
    autoSlbhBySqsxIdServe, 
    computeJzrqServe, 
    queryFirstNodeDbrServe, 
    uploadMoreTypeFileServe, 
    getLocalFileByIdServe,
    deleteFileByIdServe,
    handlingOpinionsListServe,
    deleteBatchIdeaServe,
    addBatchIdeaServe,
    editenterdServe,
    addServe,
    editServe,
    getFileTypeServe,
    querySqsxWjmlFileList,
    xzxkApiDownloadZipFile,
    xzxkApiDownloadXzxkFjxx,
} from './service/index'
import validator from '@/common/validator'
import commpVxeTable from '@/components/commp-vxe-table/commp-vxe-table.vue'
import blobType from '@/common/blobType'
import moment, { now } from 'moment'
import YchConstant from "@/api/YchConstant";
import Watermark  from './aaaaa/index.vue'

export default {
    name:'dealWith',
    components:{
        commpPulldownTable,
        compSelector,
        commpVxeTable,
        serverEditingView,
         Watermark
    },
    props:{
        parameter:{
            type:Object,
            default:() => {}
        }
    },
    watch:{
        parameter: {
            handler(newval, oldVal){
                //console.log('获取数据dealWith',newval)
                this.isSelectEnterprise = newval.fqyid?true:false
                this.dbridRequired = newval.dbridRequired?true:false
                this.isReadOnly = !newval.isReadOnly
                newval.fsqsj = newval.fsqsj?newval.fsqsj:''
                newval.fslsj = newval.fslsj?newval.fslsj:moment().format('YYYY-MM-DD HH:mm:ss')
                this.formState = JSON.parse(JSON.stringify(newval))
                this.itemValue = newval.fsxmc
                this.enterValue = newval.fqymc
                this.productValue = newval.fcpmc
                this.requerstParame.sqsxid = newval.sqsxid
                // this.$forceUpdate()
                this.compEnterprisekey = Date.now()
                // this.compSelectorkey = Date.now()
            },
            immediate: true,
            deep:true

        },
    },
    data(){
        return{
            parameter:{},
            tabPaneActiveKey:'申请信息',
            dealWithNumKey:null,
            centralMaterialObj:[],
            compEnterprisekey:null,
            spinning:true,
            blobType:blobType,
            routeName:this.$route.name,
            moment:moment,
            form: this.$form.createForm(this, { name: 'acceptanceDealWith' }),
            typeSelect:typeSelect,
            typeRadio:typeRadio,
            formState:{
                
            },
            //办理事项
            selectTableConfig:{
                api:assessCheckApi.fundamentals,
                rowName:'fsxmc',
                fywflcode:blobType.fywflcodeArr[blobType.menuType.indexOf(this.$route.name.substring(this.$route.name.indexOf('__'),this.$route.name.indexOf('_a')+2))]
            },
            tableColumn:[
                { field: 'fsxmc', title: '事项名称' },
                { field: 'fbjts', title: '办结天数' },
            ],
            //
            //企业
            enterSelectTableConfig:{
                api:assessCheckApi.queryPageList,
                rowName:'fqymc',
                fywflcode:blobType.fywflcodeArr[blobType.menuType.indexOf(this.$route.name.substring(this.$route.name.indexOf('__'),this.$route.name.indexOf('_a')+2))]
            },
            enterTableColumn:[
                { field: 'fqymc', title: '企业名称' },
                { field: 'fqyfddbrfzr', title: '企业法人' },
                { field: 'fqylxr', title: '联系人' },
                { field: 'fqylxrdh', title: '联系人电话' },
            ],
            //
            isSelectEnterprise:true,
            //产品
            productDisabled:true,
            productSelectTableConfig:{
                api:assessCheckApi.queryById,
                rowName:'fcpmc',
                fywflcode:blobType.fywflcodeArr[blobType.menuType.indexOf(this.$route.name.substring(this.$route.name.indexOf('__'),this.$route.name.indexOf('_a')+2))]
            },
            productTableColumn:[
                { field: 'fcpmc', title: '产品名称' },
            ],
            //
            HandledByOptions:[],//办理人
            itemValue:"",
            enterValue:"",
            productValue:"",
            rules:{
                fsxmc: [{
                    required: true,
                    message: '请选择事项名称',
                    trigger: 'blur',
                }],
                fsqsj: [{
                    type:'object',
                    required: true,
                    message: '请选择申请时间',
                    trigger: 'blur',
                }],
                fslsj: [{
                    type:'object',
                    required: true,
                    message: '请选择接受时间',
                    trigger: 'blur',
                }],
                
                fqyid: [{
                    required: true,
                    message: '请选择企业',
                    trigger: 'blur',
                }],
                ftyshxydm: [{
                    required: true,
                    message: '请输入社会信用代码',
                    trigger: 'blur',
                }],
                fqymc: [{
                    required: true,
                    message: '请输入企业名称',
                    trigger: 'blur',
                }],
                dbrid: [{
                    type:'array',
                    required: this.parameter.dbridRequired?false:true,
                    message: '请选择办理人',
                    trigger: 'blur',
                }],
                opinion: [{
                    required: this.parameter.dbridRequired?false:true,
                    message: '请输入办理意见',
                    trigger: 'blur',
                }],
                
                
            },
            confirmLoading:false,
            submitActiveKey:['1','2','3','4','5','6','7','8','9','10'],
            dataTableConfig:{
                api:assessCheckApi.querySqsxWjjlList,
                rowId: 'id',
                fywflcode:blobType.fywflcodeArr[blobType.menuType.indexOf(this.$route.name.substring(this.$route.name.indexOf('__'),this.$route.name.indexOf('_a')+2))],
                height:400,
                autoHidden:true,
                pageSize:100,
                paramet:{
                    sqsxid:this.parameter.sqsxid
                }
            },
            submitConfig:{
                api:assessCheckApi.queryQySqclWjjlList,
                rowId: 'id',
                fywflcode:blobType.fywflcodeArr[blobType.menuType.indexOf(this.$route.name.substring(this.$route.name.indexOf('__'),this.$route.name.indexOf('_a')+2))],
                height:400,
                autoHidden:true,
                pageSize:100
            },
            requerstParame:{sqsxid:''},
            columnsVxe:[{
                title: '材料目录名称', //列头显示文字
                field: 'fwjlx1',
            },{
                title: '附件名称', //列头显示文字
                field: 'fwjxsmc',
            },{
                title: '操作',
                field: 'id',
                slots: {
                // 使用插槽模板渲染
                default: 'operation_btn',
                },
                // visible:!this.parameter.isReadOnly
            }],
            visishow:true,
            opinionsText:'',
            opinionsList:[],
            ideaVisible:false,
            fsxmcrequired:false,
            fqyidrequired:false,
            isArea:false,
            compSelectorkey:null,
            nextNode:'',
            isRecordComments:false,
            dbridRequired:false,
            isReadOnly:false,
            opinionsKey:null,
            blobTypeCode:blobType.fywflcodeArr[blobType.menuType.indexOf(this.$route.name.substring(this.$route.name.indexOf('__'),this.$route.name.indexOf('_a')+2))],
            internalOpinionsKey:null,
            internalOpinionsConfig:{
                api:assessCheckApi.querySqsxDetailsById,
                rowId: 'id',
                fywflcode:blobType.fywflcodeArr[blobType.menuType.indexOf(this.$route.name.substring(this.$route.name.indexOf('__'),this.$route.name.indexOf('_a')+2))],
                height:400,
                autoHidden:true,
                pageSize:10000,
                listData:'jobHistoryList',
                paramet:{
                    sqsxid:this.parameter.sqsxid
                }
            },
            internalOpinionsColumnsVxe:[{
                title: '环节名称', //列头显示文字
                field: 'fhjmc',
            },{
                title: '待办人', //列头显示文字
                field: 'fdbr',
            },{
                title: '办理人', //列头显示文字
                field: 'fblr',
            },{
                title: '发送时间', //列头显示文字
                field: 'ffssj',
            },{
                title: '办理时间', //列头显示文字
                field: 'fblsj',
            },{
                title: '使用工日',
                field: 'fsyts',
            },{
                title: '办理状态', //列头显示文字
                field: 'fblzt',
            },{
                title: '办理意见', //列头显示文字
                field: 'fblyj',
            }],
            
        }
    },
    
    created(){
        this.getHandledBy()
        this.getHandlingOpinionsList('')
    },
    updated(){
        
    },
    methods:{
        
        getDatas(val){
            this.$emit('updatedSuccess')
            this.parameter = val
            this.getCentralMaterial(val)
            this.internalOpinionsConfig.paramet = {sqsxid:val.sqsxid}
        },
        downloadCompression(){
            var that = this
            var fileName = '申请材料.zip'
            //console.log(fileName)
            let param = {sqsxid:this.formState.sqsxid}
            xzxkApiDownloadZipFile(param).then((data) => {
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                let url = window.URL.createObjectURL(new Blob([data]), { type: blobType.type[blobType.suffix.indexOf('.zip')] })
                let link = document.createElement('a')
                link.style.display = 'none'
                link.href = url
                link.setAttribute('download', fileName)
                document.body.appendChild(link)
                link.click()
                document.body.removeChild(link) //下载完成移除元素
                window.URL.revokeObjectURL(url) //释放掉blob对象
            })
        },
        applyForLookOverClick(val){
            window.open(
                bootConfig[process.env.NODE_ENV].locality_ApI+YchConstant.SPZX_SPCY+'/xzxkApi/downloadXzxkFjxx?id='+val.id
            )
        },
        applyForDownload(val){
            let fwjlx = val.fjymc.slice(val.fjymc.lastIndexOf('.'))
            var that = this
            this.DownloadTemplateLoading = true
            var fileName = val.fjymc
            let param = { fywflcode:this.blobTypeCode,id:val.id}
            
            xzxkApiDownloadXzxkFjxx(param).then((data) => {
                this.DownloadTemplateLoading = false
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                    let index = blobType.suffix.indexOf(fwjlx)
                    let url = window.URL.createObjectURL(new Blob([data], { type:blobType.type[index] }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName)
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                // }
            })
        },
        getCentralMaterial(val){
            //中心材料
            querySqsxWjmlFileList({sqsxid:val.sqsxid}).then(res=>{
                if(res.code == 200){
                    this.centralMaterialObj = res.result
                    this.centralMaterialKey = Date.now()
                }else{
                    this.centralMaterialObj = []
                }
            })
            this.internalOpinionsConfig.paramet={
                sqsxid:val.sqsxid
            }
            this.internalOpinionsKey = Date.now()
        },
        tabPaneChange(){
            //console.log(this.parameter)
               
        },
        fsqsjChange(val){
            //console.log(val)
            this.formState.fsqsj = moment(val).format('YYYY-MM-DD HH:mm:ss')
        },
        getHandlingOpinionsList(val){//查询办理意见
            handlingOpinionsListServe({ftype1:'办理意见',pageNo:1,pageSize:1000,fcontent:val}).then(res=>{
                if(res.code == 200){
                    this.opinionsList = res.result.records
                }
            })
        },
        recordCommentsChange(){
            this.getHandlingOpinionsList(this.opinionsText)
        },
        selectIdea(val){//选择办理意见
            this.opinionsText = val.fcontent
            this.isRecordComments = false
            this.recordCommentsBlur()
        },
        recordCommentsFocus(){
            this.isRecordComments = true
        },
        recordCommentsBlur(){},
        deleteIdea(val){//删除办理意见
            deleteBatchIdeaServe({ids:val.id}).then(res=>{
                if(res.code == 200){
                    this.getHandlingOpinionsList(this.opinionsText)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        ideaHandleOk(){
            var that = this
            this.ideaVisible = false
            
            //console.log('this.opinionsText',this.opinionsText)
            this.formState.opinion = this.opinionsText
            
            this.opinionsKey = Date.now()
            //console.log('this.opinionsText',this.formState.opinion)
           this.form.setFieldsValue({
                opinion:that.opinionsText,
            });

           
        },
        saveComments(){
            this.ideaHandleOk()
            if(this.opinionsText){
                addBatchIdeaServe({ftype1:'办理意见',fcontent:this.opinionsText}).then(res=>{
                    if(res.code == 200){
                        this.$message.success(res.message)
                    }else{
                        this.$message.warning(res.message)
                    }
                    this.getHandlingOpinionsList()
                })
            }
        },
        beforeUpload(e){
            return false
        },
        leadingInClick({file}){//上传
            var that = this
            if(typeof file.uid !== 'undefined') {
                    const fileData = new FormData();
                    fileData.append("file",file);
                    fileData.append("fywflcode",this.blobTypeCode);
                    fileData.append("sqsxid",this.formState.sqsxid);
                    fileData.append("fwjlx1",'企业申报材料');
                    uploadMoreTypeFileServe(fileData).then(res => {
                        if(res.code !== 200){
                            that.$message.warning('请上传pdf文件或者联系管理员!')
                        }else{
                            that.$refs.VxeTable.searchEvent()
                            that.$message.success('上传成功')
                        }
                    })
                
            }
        },
        viewClick(val){
            this.$refs.serverEditingViewRef.getData({id:val.id,fwjlx:val.fwjlx})
            this.$refs.serverEditingViewRef.serverEditingVisible = true
        },
        //查看
        lookOverClick(val){
            //console.log('查看',val)
            getFileTypeServe({id:val.id}).then(res=>{
                if(res.code == 200){
                    if(res.result == '.pdf'){
                        window.open(
                            bootConfig[process.env.NODE_ENV].locality_ApI+YchConstant.SPZX_SPCY+'/spcySqsxWjjl/getCrossLocalFile?id='+val.id
                        )
                    }else{
                        this.$message.warning('只能查看pdf文件')
                    }
                    
                }
                
            })
            
        },
        downloadClick(val){
            var that = this
            this.DownloadTemplateLoading = true
            var fileName = val.fwjxsmc
            let param = { fywflcode:this.blobTypeCode,id:val.id}
            
            getLocalFileByIdServe(param).then((data) => {
                this.DownloadTemplateLoading = false
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                    let index = blobType.suffix.indexOf(val.fwjlx)
                    let url = window.URL.createObjectURL(new Blob([data], { type:blobType.type[index] }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + val.fwjlx)
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                // }
            })
        },
        deleteClick(val){//删除附件
            var that = this
            this.$confirm({
                title:'您确认要删除吗？',
                // icon: createVNode(ExclamationCircleOutlined),
                onOk() {
                    deleteFileByIdServe({id:val.id}).then(res=>{
                        if(res.code == 200){
                            that.$message.success('删除成功')
                            that.$refs.VxeTable.searchEvent()
                        }else{
                            that.$message.warning(res.message)
                        }
                    })
                },
                
            });
            
        },
        async getHandledBy(){//获取办理人
            queryFirstNodeDbrServe().then(res=>{
                //console.log('办理人',res)
                if(res.code == 200){
                    this.nextNode = res.result?res.result.nextNode:''
                    if(res.result && res.result.nextNodeDbrList){
                        res.result.nextNodeDbrList.forEach(item => {
                            item = {
                                value:item.dbrid,
                                label:item.dbr
                            }
                            this.HandledByOptions.push(item)
                        });
                    }
                }
            })
        },
        cellClickEvent(val){//获取办理事项行
            //console.log(val)
            this.formState.fsxmc = val.fsxmc
            this.formState.fwcsx = val.fbjts
            this.deadline(this.formState.fwcsx,this.formState.fslsj)
            this.fsxmcrequired = false
        },
        deadline(val1,val2){//截止时间
            //console.log(val1,val2)
            if(val1&&val2){
                computeJzrqServe({fwcsx:val1,fslsj:val2}).then(res=>{
                    //console.log('截止日期',res)
                    if(res.code == 200){
                        this.formState.fjzrq = res.result.fjzrq
                    }
                })
            }
        },
        changeEvent(val){
            //console.log(val)
            this.formState.fsxmc = val
            if(this.formState.fsxmc){
                this.fsxmcrequired = false
                this.$forceUpdate()
            }else{
                this.fsxmcrequired = true
                this.$forceUpdate()
            }
            
            
        },
        fslsjChange(val){
            //console.log(moment(val).format('YYYY-MM-DD'))
            this.deadline(this.formState.fwcsx,moment(val).format('YYYY-MM-DD'))
            this.formState.fslsj = moment(val).format('YYYY-MM-DD HH:mm:ss')
        },
        fwcsxChange(val){
            
            this.deadline(this.formState.fwcsx,this.formState.fslsj)
            //console.log(val)
        },
        enterCellClickEvent(val){//获取企业
            //console.log('获取企业',val)
            this.fqyidrequired = false
            this.compEnterprisekey = Date.now()
            this.formState.fqyid = val.id
            this.formState.fqymc = val.fqymc
            this.enterValue = val.fqymc
            this.formState.ftyshxydm = val.ftyshxydm
            this.formState.fqyfddbrfzr = val.fqyfddbrfzr
            this.formState.fqylxr = val.fqylxr
            this.formState.fqylxrdh = val.fqylxrdh
            this.formState.fqyzszcdz = val.fqyzszcdz
            this.formState.ffzrsfzh = val.ffzrsfzh
            this.formState.ffzrlxfs = val.ffzrlxfs
            this.formState.fscdz = val.fscdz
            this.formState.fscfw = val.fscfw
            this.formState.fqyxkzh = val.fqyxkzh
            this.formState.fqyxkzyxq = val.fqyxkzyxq?moment(val.fqyxkzyxq):''
            this.formState.fsxjclx = val.fsxjclx
            this.formState.fscxcj = val.fscxcj
            this.formState.fjcpz = val.fjcpz
            this.formState.fszdq = val.fszdq
            this.formState.fxxdz = val.fxxdz
            
        },
        numbering(){//取号
            if(!this.formState.fjclx){
                this.$message.warning('请先选择业务类型')
            }else{
                autoSlbhBySqsxIdServe({fjclx:this.formState.fjclx}).then(res=>{
                    if(res.code == 200){
                        this.formState.fslbh = res.result.fslbh
                    }else{
                        this.$message.warning(res.message)
                    }
                })
            }
        },
        enterChangeEvent(val){

        },
        selectEnterprise(val){//选择企业
            this.isSelectEnterprise = val
            this.fqyidrequired = true
            this.isArea = true
            this.$forceUpdate()
            this.compEnterprisekey = Date.now()
        },
        addEnterprise(val){//新增企业
            this.isSelectEnterprise = val
            this.enterValue = ''
            this.formState.fqyid = ''
            this.formState.fqymc = ''
            this.formState.ftyshxydm = ''
            this.formState.fqyfddbrfzr = ''
            this.formState.fqylxr = ''
            this.formState.fqylxrdh = ''
            this.formState.fqyzszcdz = ''
            this.formState.fszdq = '南宁'
            this.formState.fxxdz = ''
            this.formState.ffzrsfzh = ''
            this.formState.ffzrlxfs = ''
            this.formState.fscdz = ''
            this.formState.fscfw = ''
            this.formState.fqyxkzh = ''
            this.formState.fqyxkzyxq = ''
            this.formState.fsxjclx = ''
            this.formState.fscxcj = ''
            this.formState.fjcpz = ''
            this.fqyidrequired = false
            this.compEnterprisekey = Date.now()
            this.$forceUpdate()
        },
        renewEnterprise(){//更新企业
            if(this.formState.fqyid){
                let data={
                    id:this.formState.fqyid,
                    fqymc:this.formState.fqymc,
                    ftyshxydm:this.formState.ftyshxydm,
                    fqyfddbrfzr:this.formState.fqyfddbrfzr,
                    fqylxr:this.formState.fqylxr,
                    fqylxrdh:this.formState.fqylxrdh,
                    fqyzszcdz:this.formState.fqyzszcdz,
                    fszdq:this.formState.fszdq,
                    fxxdz:this.formState.fxxdz,
                    ffzrsfzh:this.formState.ffzrsfzh,
                    ffzrlxfs:this.formState.ffzrlxfs,
                    fscdz:this.formState.fscdz,
                    fscfw:this.formState.fscfw,
                    fqyxkzh:this.formState.fqyxkzh,
                    fqyxkzyxq:this.formState.fqyxkzyxq?moment(this.formState.fqyxkzyxq).format('YYYY-MM-DD'):'',
                    fsxjclx:this.formState.fsxjclx,
                    fscxcj:this.formState.fscxcj,
                    fjcpz:this.formState.fjcpz,
                }
                editenterdServe(data).then(res=>{
                    if(res.code == 200){
                        this.$message.success('更新成功')
                    }else{
                        this.$message.warning('更新失败')
                    }
                })
            }else{
                this.fqyidrequired = true
            }
            
        },
        productCellClickEvent(){//获取选中产品项

        },
        productChangeEvent(val){//获取产品当前输入框的值
            this.formState.fcpmc = val
        },
        popupScroll(){

        },
        ideakeyupEvent(){
            
        },
        ideaClick(){
            this.ideaVisible = true
            this.spinning = true
            this.formState.opinion = this.opinionsText
        },
        ideaBlur(){

        },
        ideaFocusEvent(){
            //console.log('2222')
            this.ideaBlur()
        },
        handlePreserve(){//保存
            this.form.validateFields((err, values) => {
                // //console.log(err)
                // if(!err){
                    //console.log(this.formState.fsxmc)
                    if(!this.formState.fsxmc && !this.formState.fqyid && this.isSelectEnterprise){
                            this.fsxmcrequired = true
                            this.fqyidrequired = true
                            return
                    }
                    let data = {
                        jobid:this.formState.jobid,
                        sqsxid:this.formState.sqsxid,
                        // dbrid:values.dbrid.join(','),
                        opinion:this.formState.opinion,
                        smgflag:this.formState.smgflag?'是':'否',
                        map:{
                            fsxmc:this.formState.fsxmc,
                            fsqsj:moment(this.formState.fsqsj).format('YYYY-MM-DD HH:mm:ss'),
                            fjclx:this.formState.fjclx,
                            fslzt:this.formState.fslzt,
                            fslsj:moment(this.formState.fslsj).format('YYYY-MM-DD HH:mm:ss'),
                            fslbh:this.formState.fslbh,
                            fwcsx:this.formState.fwcsx,
                            fjzrq:this.formState.fjzrq,
                            fqyid:this.formState.fqyid,
                            fqymc:this.formState.fqymc,
                            ftyshxydm:this.formState.ftyshxydm,
                            fqyfddbrfzr:this.formState.fqyfddbrfzr,
                            fqylxr:this.formState.fqylxr,
                            fqylxrdh:this.formState.fqylxrdh,
                            fqyzszcdz:this.formState.fqyzszcdz,
                            fszdq:this.formState.fszdq,
                            fxxdz:this.formState.fxxdz,

                            ffzrsfzh:this.formState.ffzrsfzh,
                            ffzrlxfs:this.formState.ffzrlxfs,
                            fscdz:this.formState.fscdz,
                            fscfw:this.formState.fscfw,
                            fqyxkzh:this.formState.fqyxkzh,
                            fqyxkzyxq:this.formState.fqyxkzyxq?moment(this.formState.fqyxkzyxq).format('YYYY-MM-DD'):'',
                            fsxjclx:this.formState.fsxjclx,
                            fscxcj:this.formState.fscxcj,
                            fjcpz:this.formState.fjcpz,


                            fcpmc:this.formState.fcpmc,
                            fsqdbh:this.formState.fsqdbh,
                            fspdwmc:this.formState.fspdwmc,
                            fbldwmc:this.formState.fbldwmc,
                            ffsr:this.formState.ffsr,
                            ffssj:moment(this.formState.ffssj).format('YYYY-MM-DD'),
                            fblr:this.formState.fblr,
                        }
                    }
                    addServe(data).then(res=>{
                        if(res.code == 200){
                            // this.$store.dispatch('UpdateSpinningPrice', {key:true,stateKey:'modalSpinningPrice'}).then(() => {
                                // this.$message.success(res.message)
                                this.confirmLoading = false
                                this.visishow = false
                                this.$emit('successReturn',true)
                            // })
                            
                        }else{
                            // this.$store.dispatch('UpdateSpinningPrice', {key:false,stateKey:'modalSpinningPrice'})
                            this.$message.warning(res.message)
                            this.confirmLoading = false
                        }
                    })
                // }
            });
        },
        shandleSubmit(){//提交
            let canHandle = false
            this.form.validateFields((err, values) => {
                if(!err){
                    // if(!this.formState.fsxmc || (!this.formState.fqyid && this.isSelectEnterprise)){
                    //     if(!this.formState.fsxmc){
                    //         this.fsxmcrequired = true
                    //     }else{
                    //         this.fsxmcrequired = false
                    //     }
                    //         if(!this.formState.fqyid && this.isSelectEnterprise){
                    //             this.fqyidrequired = true
                    //         }else{
                    //             this.fqyidrequired = false
                    //         }
                            
                    //         return
                    // }
                    // let data = {
                    //     jobid:this.formState.jobid,
                    //     sqsxid:this.formState.sqsxid,
                    //     dbrid:values.dbrid.join(','),
                    //     opinion:values.opinion,
                    //     smgflag:this.formState.smgflag?'是':'否',
                    //     map:{
                    //         fsxmc:this.formState.fsxmc,
                    //         fsqsj:moment(values.fsqsj).format('YYYY-MM-DD HH:mm:ss'),
                    //         fjclx:this.formState.fjclx,
                    //         fslzt:this.formState.fslzt,
                    //         fslsj:moment(values.fslsj).format('YYYY-MM-DD HH:mm:ss'),
                    //         fslbh:this.formState.fslbh,
                    //         fwcsx:this.formState.fwcsx,
                    //         fjzrq:this.formState.fjzrq,
                    //         fqyid:this.formState.fqyid,
                    //         fqymc:this.formState.fqymc,
                    //         ftyshxydm:values.ftyshxydm,
                    //         fqyfddbrfzr:this.formState.fqyfddbrfzr,
                    //         fqylxr:this.formState.fqylxr,
                    //         fqylxrdh:this.formState.fqylxrdh,
                    //         fqyzszcdz:this.formState.fqyzszcdz,
                    //         fszdq:this.formState.fszdq,
                    //         fxxdz:this.formState.fxxdz,
                    //         fcpmc:this.formState.fcpmc,
                    //         fsqdbh:this.formState.fsqdbh,
                    //         fspdwmc:this.formState.fspdwmc,
                    //         fbldwmc:this.formState.fbldwmc,
                    //         ffsr:this.formState.ffsr,
                    //         ffssj:moment(this.formState.ffssj).format('YYYY-MM-DD'),
                    //         fblr:this.formState.fblr,
                    //     }
                    // }
                    // editServe(data).then(res=>{
                    //     if(res.code == 200){
                    //         this.$message.success('修改成功')
                    //         this.confirmLoading = false
                    //         this.visishow = false
                    //         this.$emit('successReturn',false)
                    //     }else{
                    //         this.$message.warning(res.message)
                    //         this.confirmLoading = false
                    //     }
                    // })
                    this.handlePreserve()
                    canHandle = true
                }else{
                    for(let key in err){
                        this.$message.warning(err[key].errors[0].message)
                        return false
                    }
                    
                }
            });
            return canHandle
        },
        transferClick(){//转办
            var that = this
            if(this.formState.ksfl){
                this.$confirm({
                    title:'您确认要转办吗？',
                    // icon: createVNode(ExclamationCircleOutlined),
                    onOk() {
                        innerChangeFlowJob({jobid:that.formState.jobid,ksfl:that.formState.ksfl}).then(res=>{
                            if(res.code == 200){
                                that.$store.dispatch('UpdateSpinningPrice', 
                                {key:true,stateKey:'modalSpinningPrice'}).then(() => {
                                    that.successReturn(false)
                                    that.$message.success(res.message)
                                })
                                
                            }else{
                                that.$store.dispatch('UpdateSpinningPrice', {key:false,stateKey:'modalSpinningPrice'})
                                that.$message.warning(res.message)
                            }
                        })
                    },
                    
                });
            }else{
                this.$message.warning('请选择转办科室')
            }
            
        },

    }
}
</script>
<style lang="less">
.acceptance-registration-dealwith{
    height: calc(100vh - 75px);
}
//意见记录
.opinion-record-box{
    width: 447px;
    display: flex;
    overflow-y: auto;
    border: 1px solid rgb(233 228 228);
    box-shadow: -1px 25px 20px rgb(233 228 228);
    .content-box{
        width: 100%;
        height: 320px;
        .content-for{
            border-bottom: 1px solid rgb(233 228 228);
            display: flex;
            flex: 1;
            width: 100%;
            .content-item{
                width: 100%;
                padding: 10px 20px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .content-text{
                    
                }
            }
        }
    }
    .no-data-box{
        width: 100%;
        display: flex;
        padding-right: 20px;
        text-align: center;
        justify-content: center;
        height: 100px;
        line-height: 80px;
    }
    
}
.material-box{
    margin-left: 180px;
    .ant-form-item-control-wrapper{
        width: 800px !important;
    }
}
.vxe-table-box-w{
    .ant-form-item-control-wrapper{
        width: 65px !important;
    }
}
.enter-btn{
    .ant-form-item-control-wrapper{
        width: 300px !important;
    }
}
.acceptance-no-box{
    .ant-form-item-control-wrapper{
        width: 250px !important;
    }
    .ant-form-item-children{
        display: flex !important;
    }
}

.vxe-box{
    .commp-vxe-table-box{
        width: 800px !important;
    }
}
.pull-input-w{
    .ant-form-item-control-wrapper,.vxe-input{
        width: 586px !important;
        margin-right: 65px;
    }
    .ant-form-item-control{
        line-height: 25px !important;
    }
}
.idea-modal-box{
    .ant-modal-content{
        width: 700px !important;
    }
    .ant-modal-body{
        min-height: 500px !important;
    }
    .pull-input-w{
        width: 100%;
        .ant-form-item-control-wrapper{
            width: 85% !important;
        }
    }
}
.file-enter-box{
    .ant-upload-list{
        display: none;
    }
}
.red-btn{
    border: 1px solid #ed5565 !important;
    background-color: #ed5565 !important;
}
.comments-or-reasons-box{
    .ant-form-item-control-wrapper{
        width: 380px !important;
    }
}
// .ant-collapse{
//     background-color: #ded1de !important;
//     border:1px solid #ded1de !important;
//     border-bottom: 0 !important;
// }
.dealwith-application-info{
    margin-top: 10px;
    height: calc(100vh - 80px - 60px);
    overflow: auto;
    .ant-anchor-ink:before{
        display: none !important;
    }
    .ant-anchor-link{
        padding: 11px 0px 11px 16px;
    }
}
.dealwith-tabs{
    background: #fff;
    font-size: 16px !important;
    font-weight: 600;
    .ant-tabs-tab-active,.ant-tabs-tab{
        font-size: 16px !important;
        font-weight: 600 !important;
    }
}
.file-td-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-between;
    width: 104px;
    height: 104px;
    overflow: hidden;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    padding: 8px;
    margin: 8px;
    position: relative;
    .delete-icon-v{
        font-size: 16px;
        position: absolute;
        color: rgb(24, 144, 255);
        right: 11px;
        top: 3px;
    }
    .eye-icon-v{
        font-size: 16px;
        position: absolute;
        color: rgb(24, 144, 255);
        right: 11px;
        top: 38px;
    }
    .download-icon-v{
        width: 20px;
        font-size: 16px;
        position: absolute;
        color: rgb(24, 144, 255);
        right: 9px;
        top: 20px;
    }
    .download-icon-apply{
        top: 10px;
    }
    .fjbz-text-v{
        color: #ff8000;
        font-size: 12px !important;
        display: inline-block;
        width: 28px;
        position: absolute;
        top: 5px;
        left: 3px;
    }
    .file-icon-v{
        font-size: 42px;
        color: rgb(24, 144, 255);
    }
    .file-icon-v{
        font-size: 42px;
        color: rgb(24, 144, 255);
    }
    span{
        height: 40px;
        display:block;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 14px;
    }
}
.manufacturing-dealwith{
    .ant-form-item-label{
        width: 145px !important;
    }
    .textarea-input-l{
        width: 100%;
        display: flex;
        .ant-form-item-control-wrapper{
            flex: 1;
        }
    }
} 
</style>